import React, { Component } from 'react';
import Hotkeys from 'react-hot-keys';

export default class HotkeysDemo extends Component {
  constructor(props) {
    super(props);
    this.state = {
      output: 'Hello, I am a component that listens to keydown and keyup of a',
    }
  }
  onKeyUp(keyName, e, handle) {
    console.log("test:onKeyUp", e, handle)
    this.setState({
      output: `onKeyUp ${keyName}`,
    });
  }
  onKeyDown(keyName, e, handle) {
    console.log("test:onKeyDown", keyName, e, handle)
    this.setState({
      output: `onKeyDown ${keyName}`,
    });
  }
  render() {
    return (
        <div>
        <Hotkeys 
            keyName="shift+a,alt+s" 
            onKeyDown={this.onKeyDown.bind(this)}
            onKeyUp={this.onKeyUp.bind(this)}
        >
            <div style={{ padding: "50px" }}>
            {this.state.output}
            </div>
        </Hotkeys>    
        </div>
    )
  }
}


/* 

    tableChange
        切换报表
            保存提示
                保存 保存后新选中报表=》最新版本查询=》版本报表查询
                不保存 不保存后新选中报表=》最新版本查询=》版本报表查询
                取消 回显上一次选中的报表并触发报表=》最新版本查询
        切换版本
            保存提示
                保存 保存后=》版本报表查询
                不保存 不保存=》版本报表查询
                取消 回显上一次选中的版本       



*/
